﻿
@{
    Layout = null;
}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../css/table.css" type="text/css">
    <link rel="stylesheet" type="text/css" media="all"
          href="../../javascript/calendar/calendar-win2k-cold-1.css">
    <script type="text/javascript" src="../../javascript/calendar/cal.js"></script>
    <script type="text/javascript" src="../../javascript/comm/comm.js"></script>
    <script type="text/javascript" src="../../javascript/comm/list.js"></script>
    <script type="text/javascript" src="../../javascript/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="../../javascript/calendar-ch.js"></script>
    <script type="text/javascript" src="../../javascript/comm/time.js"></script>
    <link rel="stylesheet" href="../../css/cwcalendar.css" type="text/css" />
    <script src="~/javascript/My97DatePicker/WdatePicker.js"></script>
    <script src="~/js/jquery-1.11.1.js"></script>
    <script src="~/js/vue.js"></script>

    <title>薪酬标准登记查询</title>

    <style type="text/css">
        #d {
            background-color: #FFFFBB;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            filter: alpha(opacity:20);
            opacity: 0.2;
            position: fixed;
            display: none;
        }

        #parent {
            border: 1px solid #FFDB6F;
            width: 400px;
            height: 200px;
            position: absolute;
            z-index: 2;
            top: 20%;
            left: 25%;
            position: fixed;
            display: none;
        }

        #child {
            width: 100%;
            height: 100%;
            color: #C66C35;
            font-size: 15px;
            text-align: center;
            line-height: 25px;
            font-weight: bold;
        }

        .button {
            height: 30px;
            width: 90px;
            border-color: #D4DEE7;
            background-color: #D4DEE7;
            font-weight: bold;
            font-size: 15px;
            color: #481858;
            cursor: pointer;
            BORDER-BOTTOM: #D4DEE7 1px solid;
            FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#button1").click(function () {
                $("#table1").hide(800);
                $("#table2").hide(800);

                $("#d").show(1800);
                $("#parent").fadeIn(2200);
            });
            $("#close").click(function () {
                $("#d").hide(800);
                $("#parent").hide(600);

                $("#table1").show(1000);
                $("#table2").show(1000);

            });
            $("#sure").click(function () {

                $("#d").hide(800);
                $("#parent").fadeOut(600);

                $("#table1").show(1000);
                $("#table2").show(1000);
                $("form:first").submit();
            });
        });
    </script>
</head>

<body>

    <input type="hidden" name="standard.standardId" value="1353320112255">

    <div id="d"></div>
    <div id="parent">
        <div id="child">
            <br><br>
            zhangsan,您确认打印此页面的信息吗？<br><br><br>
            <input type="button" class="button" value="确 定" id="sure" />
            <input type="button" class="button" value="取 消" id="close" />
        </div>
    </div>

    <div id="app">
        <table width="100%" id="table1">
            <tr>
                <td>
                    <font color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准登记查询</font>
                </td>
            </tr>
            <tr>
                <td>
                    <div align="right">
                        <input type="button" value="打印" id="button1"
                               class="BUTTON_STYLE1">
                        <input type="button" value="返回"
                               onclick="javascript:windows.location='/HR_Fist/salaryCriterion/salaryCriterionAction!querysalarystandardByPage?page.startPage=1'"
                               class="BUTTON_STYLE1">
                    </div>
                </td>
            </tr>
        </table>
        <table width="100%" border="1" cellpadding=0 cellspacing=1
               bordercolorlight='#848284' bordercolordark='#eeeeee'
               class="TABLE_STYLE1">
            <tr>
                <td width="12%" class="TD_STYLE1">
                    薪酬编号
                </td>
                <td width="15%" class="TD_STYLE2">
                    <input type="text" id="standard_id" readonly class="INPUT_STYLE2">
                </td>
                <td width="12%" class="TD_STYLE1">
                    薪酬标准名称
                </td>
                <td width="11%" class="TD_STYLE2">
                    <input type="text" id="standard_name" readonly class="INPUT_STYLE2">
                </td>
                <td width="11%" class="TD_STYLE1">
                    薪酬总额
                </td>
                <td width="17%" class="TD_STYLE2">
                    <input type="text" id="salary_sum" readonly class="INPUT_STYLE2">
                </td>
                <td width="12%" class="TD_STYLE1">
                    &nbsp;
                </td>
                <td width="10%" class="TD_STYLE2">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td class="TD_STYLE1">
                    制定人
                </td>
                <td class="TD_STYLE2">
                    <input type="text" id="designer" readonly class="INPUT_STYLE2">
                </td>
                <td class="TD_STYLE1">
                    复核人
                </td>
                <td class="TD_STYLE2">
                    <input type="text" name="checker" id="checker" readonly class="INPUT_STYLE2">
                </td>
                <td class="TD_STYLE1">
                    复核时间
                </td>
                <td class="TD_STYLE2">
                    <input type="text" name="check_time" id="check_time" readonly class="INPUT_STYLE2">
                </td>
                <td class="TD_STYLE1">
                    &nbsp;
                </td>
                <td class="TD_STYLE2">
                    &nbsp;
                </td>
            </tr>

            <tr>
                <td class="TD_STYLE1">
                    备注
                </td>
                <td colspan="7" id="remark" class="TD_STYLE2" height="68">
                </td>
            </tr>

            <tr>
                <td class="TD_STYLE1">
                    序号
                </td>
                <td colspan="3" class="TD_STYLE1">
                    薪酬项目名称
                </td>
                <td colspan="4" class="TD_STYLE1">
                    金额
                </td>
            </tr>
            <tbody id="tbody">
                <tr class="TD_STYLE2" v-for="(item,index) in ds">
                    <td align="center">
                        {{item.item_id}}
                    </td>
                    <td colspan="3">
                        {{item.item_name}}
                    </td>
                    <td>
                        {{item.salary}}
                    </td>
                    <td colspan="3">
                        &nbsp;
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <script type="text/javascript">
        var vm = new Vue({
            el: "#app",
            data: {
                ds: [],
                dt: [],
                time:"",
            },
            methods: {
                load: function () {
                    var t = this;
                    $.ajax({
                        url: "/xinchoubiaozhun/salarystandard_query1",
                        type: "get",
                        success: function (msg) {
                            var dd = eval("(" + msg + ")");
                            t.dt = dd["dt"];
                            t.ds = dd["ds"];
                          //  t.check_time = dd.check_time;
                            var date = new Date(dd["time"]);
                            var year = date.getFullYear();
                            var month = date.getMonth() + 1;
                            var day = date.getDate();
                            $("#standard_id").val(t.dt.standard_id);
                            $("#standard_name").val(t.dt.standard_name);
                            $("#salary_sum").val(t.dt.salary_sum);
                            $("#designer").val(t.dt.designer);
                            $("#checker").val(t.dt.checker);
                            $("#remark").val(t.dt.remark);
                           $("#check_time").val(year + "-" + month + "-" + day);
                          
                        }
                    })
                }
            },
            mounted: function () {
                this.load();
            }
        })
    </script>
</body>
</html>

